



<!DOCTYPE html>
<html lang="zh-CN">
  <head><meta name="generator" content="Hexo 3.9.0">
    <title>Vue Partners — Vue.js</title>
    <meta charset="utf-8">
    <meta name="description" content="Vue.js - The Progressive JavaScript Framework">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link rel="alternate" hreflang="x-default" href="https://vuejs.org/resources/partners.html">
    <link rel="alternate" hreflang="zh" href="https://cn.vuejs.org/resources/partners.html">
    <link rel="alternate" hreflang="ja" href="https://jp.vuejs.org/resources/partners.html">
    <link rel="alternate" hreflang="ru" href="https://ru.vuejs.org/resources/partners.html">
    <link rel="alternate" hreflang="ko" href="https://kr.vuejs.org/resources/partners.html">
    <link rel="alternate" hreflang="pt-BR" href="https://br.vuejs.org/resources/partners.html">
    <link rel="alternate" hreflang="fr" href="https://fr.vuejs.org/resources/partners.html">
    <link rel="alternate" hreflang="es" href="https://es.vuejs.org/resources/partners.html">

    <meta property="og:type" content="article">
    <meta property="og:title" content="Vue Partners — Vue.js">
    <meta property="og:description" content="Vue.js - The Progressive JavaScript Framework">
    <meta property="og:image" content="https://cn.vuejs.org/images/logo.png">

    <meta name="twitter:card" content="summary">
    <meta name="twitter:title" content="Vue Partners — Vue.js">
    <meta name="twitter:description" content="Vue.js - The Progressive JavaScript Framework">
    <meta name="twitter:image" content="https://cn.vuejs.org/images/logo.png">

    <link rel="apple-touch-icon" sizes="57x57" href="/vue2/images/icons/apple-icon-57x57.png">
    <link rel="apple-touch-icon" sizes="60x60" href="/vue2/images/icons/apple-icon-60x60.png">
    <link rel="apple-touch-icon" sizes="72x72" href="/vue2/images/icons/apple-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="76x76" href="/vue2/images/icons/apple-icon-76x76.png">
    <link rel="apple-touch-icon" sizes="114x114" href="/vue2/images/icons/apple-icon-114x114.png">
    <link rel="apple-touch-icon" sizes="120x120" href="/vue2/images/icons/apple-icon-120x120.png">
    <link rel="apple-touch-icon" sizes="144x144" href="/vue2/images/icons/apple-icon-144x144.png">
    <link rel="apple-touch-icon" sizes="152x152" href="/vue2/images/icons/apple-icon-152x152.png">
    <link rel="apple-touch-icon" sizes="180x180" href="/vue2/images/icons/apple-icon-180x180.png">
    <link rel="icon" type="image/png" sizes="192x192" href="/vue2/images/icons/android-icon-192x192.png">
    <link rel="icon" type="image/png" sizes="32x32" href="/vue2/images/icons/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="96x96" href="/vue2/images/icons/favicon-96x96.png">
    <link rel="icon" type="image/png" sizes="16x16" href="/vue2/images/icons/favicon-16x16.png">
    <meta name="msapplication-TileImage" content="/images/icons/ms-icon-144x144.png">
    <link rel="icon" href="/vue2/images/logo.svg">

    <meta name="msapplication-TileColor" content="#4fc08d">
    <meta name="theme-color" content="#4fc08d">

    <meta name="msapplication-config" content="browserconfig.xml">
    <link rel="manifest" href="/vue2/manifest.json">

    <!-- <link href="https://fonts.gstatic.com" rel="preconnect" crossorigin> -->
    <!-- <link href="https://maxcdn.bootstrapcdn.com" rel="preconnect" crossorigin> -->

    <!-- <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600|Roboto Mono&display=swap" rel="stylesheet"> -->
    <!-- <link href="https://fonts.googleapis.com/css?family=Dosis:500&text=Vue.js&display=swap" rel="stylesheet"> -->

    <link href="//code.bdstatic.com/npm/font-awesome@4.7.0/css/font-awesome.min.css" rel="stylesheet">

    <!-- main page styles -->
    <link rel="stylesheet" href="/vue2/css/page.css">

    <!-- this needs to be loaded before guide's inline scripts -->
    <script src="/vue2/js/vue.js"></script>

    

    <script>
      Vue.config.productionTip = false
      window.PAGE_TYPE = "partners"
    </script>

    <!-- ga -->
    <script>
      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

      ga('create', 'UA-46852172-3', 'cn.vuejs.org');
      ga('send', 'pageview');
    </script>

    <!-- vimeo analytics -->
    <!-- <script type="text/javascript" defer="defer" src="https://extend.vimeocdn.com/ga/72160148.js"></script> -->
</head>
  <body class="docs">

    

    <div id="mobile-bar">
      <a class="menu-button"></a>
      <a class="logo" href="/"></a>
    </div>
    <div>
  <div id="v3-banner">
    <span class="hidden-sm">非官方文档，仅为个人学习使用，查看官方文档请移步</span><a href="https://cn.vuejs.org/" target="_blank">这里</a>。
  </div>

  <header id="header">
    <a id="logo" href="/vue2/">
      <img src="/vue2/images/logo.svg" alt="vue logo">
      <span>Vue.js</span>
    </a>
    <ul id="nav">
      <li>
  <form id="search-form">
    <input type="text" id="search-query-nav" class="search-query st-default-search-input" aria-label="搜索">
  </form>
</li>
<li class="nav-dropdown-container learn">
  <a class="nav-link">学习</a><span class="arrow"></span>
  <ul class="nav-dropdown">
    <li><h4>文档</h4></li>
    <li>
      <ul>
        <li><a href="/vue2/v2/guide/" class="nav-link">教程</a></li>
        <li><a href="/vue2/v2/api/" class="nav-link">API</a></li>
        <li><a href="/vue2/v2/style-guide/" class="nav-link">风格指南</a></li>
        <li><a href="/vue2/v2/examples/" class="nav-link">示例</a></li>
        <li><a href="/vue2/v2/cookbook/" class="nav-link">Cookbook</a></li>
      </ul>
    </li>
    <li><h4>视频教程</h4></li>
    <li>
      <ul>
        <li>
          <a href="https://www.vuemastery.com/courses/" class="nav-link" target="_blank" rel="sponsored noopener">
            Vue Mastery (英文)
          </a>
        </li>
        <li>
          <a href="https://vueschool.io/?friend=vuejs&utm_source=Vuejs.org&utm_medium=Link&utm_content=Navbar%20Dropdown" class="nav-link" target="_blank" rel="sponsored noopener">
            Vue School (英文)
          </a>
        </li>
        <!-- start: special logic for cn -->
        <li>
          <a href="https://learning.dcloud.io/" class="nav-link" target="_blank" rel="sponsored noopener">
            DCloud 视频教程
          </a>
        </li>
        <!-- end: special logic for cn -->
      </ul>
    </li>
  </ul>
</li>

<li class="nav-dropdown-container ecosystem">
  <a class="nav-link">生态系统</a><span class="arrow"></span>
  <ul class="nav-dropdown">
    <li><h4>帮助</h4></li>
    <li><ul>
      <li><a href="https://forum.vuejs.org/" class="nav-link" target="_blank" rel="noopener">论坛</a></li>
      <li><a href="https://chat.vuejs.org/" class="nav-link" target="_blank" rel="noopener">聊天室</a></li>
      <li><a href="https://events.vuejs.org/meetups/" class="nav-link" target="_blank" rel="noopener">聚会</a></li>
    </ul></li>
    <li><h4>工具</h4></li>
    <li>
      <ul>
        <li><a href="https://github.com/vuejs/vue-devtools" class="nav-link" target="_blank" rel="noopener">Devtools</a></li>
        <li><a href="https://cli.vuejs.org/zh/" class="nav-link" target="_blank" rel="noopener">Vue CLI</a></li>
        <li><a href="https://vue-loader.vuejs.org/zh/" class="nav-link" target="_blank" rel="noopener">Vue Loader</a></li>
      </ul>
    </li>
    <li><h4>核心插件</h4></li>
    <li><ul>
      <li><a href="https://router.vuejs.org/zh/" class="nav-link" target="_blank" rel="noopener">Vue Router</a></li>
      <li><a href="https://vuex.vuejs.org/zh/" class="nav-link" target="_blank" rel="noopener">Vuex</a></li>
      <li><a href="https://ssr.vuejs.org/zh/" class="nav-link" target="_blank" rel="noopener">Vue 服务端渲染</a></li>
    </ul></li>
    <li><h4>信息</h4></li>
    <li><ul>
      <li><a href="https://news.vuejs.org" class="nav-link" target="_blank" rel="noopener">周刊</a></li>
      <li><a href="https://github.com/vuejs/vue/projects/6" class="nav-link" target="_blank" rel="noopener">Roadmap</a></li>
      <li><a href="https://events.vuejs.org/" class="nav-link" target="_blank" rel="noopener">活动</a></li>
      <li><a href="https://twitter.com/vuejs" class="nav-link" target="_blank" rel="noopener">Twitter</a></li>
      <li><a href="https://medium.com/the-vue-point" class="nav-link" target="_blank" rel="noopener">博客</a></li>
      <li><a href="https://vuejobs.com/?ref=vuejs" class="nav-link" target="_blank" rel="noopener">工作</a></li>
      <li><a href="https://dev.to/t/vue" class="nav-link" target="_blank" rel="noopener">DEV 社区</a></li>
    </ul></li>
  </ul>
</li>

<li>
  <a href="/vue2/v2/guide/team.html" class="nav-link team">团队</a>
</li>
<li class="nav-dropdown-container resources">
  <a href="#" class="nav-link">资源列表</a><span class="arrow"></span>
  <ul class="nav-dropdown">
    <li><a href="/vue2/resources/partners.html" class="nav-link">合作伙伴</a></li>
    <li><a href="/vue2/resources/themes.html" class="nav-link">主题</a></li>
    <li><a href="https://github.com/vuejs/awesome-vue" class="nav-link" target="_blank" rel="noopener">Awesome Vue</a></li>
    <li><a href="https://awesomejs.dev/for/vue/" class="nav-link" target="_blank" rel="noopener">浏览和 Vue 相关的包</a></li>
  </ul>
</li>

<!-- <li>
  <a href="/vue2/partners" class="nav-link current">Partners</a>
</li> -->
<li class="nav-dropdown-container support-vue">
  <a href="/support-vuejs/" class="nav-link">支持 Vue</a><span class="arrow"></span>
  <ul class="nav-dropdown">
    <li><a href="/support-vuejs/#One-time-Donations" class="nav-link">一次性赞助</a></li>
    <li><a href="/support-vuejs/#Recurring-Pledges" class="nav-link">周期性赞助</a></li>
    <!-- start: special logic for cn -->
    <li><a href="https://www.smallsticker.com/%E8%B4%B4%E7%BA%B8/vue.html" rel="noopener" class="nav-link">贴纸</a></li>
    <li><a href="https://osholic.com/?utm_source=vue&utm_medium=dropdown" rel="noopener" class="nav-link">周边</a></li>
    <!-- end: special logic for cn -->
    <li><a href="https://vue.threadless.com" target="_blank" rel="noopener" class="nav-link">T 恤商店</a></li>
  </ul>
</li>

<li class="nav-dropdown-container language">
  <a class="nav-link">多语言</a><span class="arrow"></span>
  <ul class="nav-dropdown">
    <li><a href="https://vuejs.org/resources/partners.html" class="nav-link">English</a></li>
    <li><a href="https://jp.vuejs.org/resources/partners.html" class="nav-link">日本語</a></li>
    <li><a href="https://ru.vuejs.org/resources/partners.html" class="nav-link">Русский</a></li>
    <li><a href="https://kr.vuejs.org/resources/partners.html" class="nav-link">한국어</a></li>
    <li><a href="https://br.vuejs.org/resources/partners.html" class="nav-link">Português</a></li>
    <li><a href="https://fr.vuejs.org/resources/partners.html" class="nav-link">Français</a></li>
    <li><a href="https://vi.vuejs.org/resources/partners.html" class="nav-link">Tiếng Việt</a></li>
    <li><a href="https://es.vuejs.org/resources/partners.html" class="nav-link">Español</a></li>
    <li><a href="https://docs.vuejs.id/resources/partners.html" class="nav-link">Bahasa Indonesia</a></li>
  </ul>
</li>

<!-- start: special logic for cn -->
<li><a href="https://github.com/vuejs/cn.vuejs.org/" target="_blank" class="nav-link contribute">参与翻译</a></li>
<!-- end: special logic for cn -->

    </ul>
  </header>
</div>

    
      <div id="main" class="fix-sidebar">
        
  

<div class="sidebar">
  <div class="sidebar-inner">
    
    <div class="list">
      <div id="sidebar-sponsors-special">
  <div class="main-sponsor">
    <!-- start: special logic for cn -->
    <span>特别赞助商</span>
    <div>
    <a href="http://www.dcloud.io/?hmsr=vuejsorg&hmpl=&hmcu=&hmkw=&hmci=" target="_blank" rel="sponsored noopener" class="logo">
      <img id="s-dcloud" alt="dcloud">
      <script>
      (function(){
        var el = document.getElementById("s-dcloud");
        var adImg = null;
        var altImg = "/vue2/images/dcloud2.png";
        var img = "/vue2/images/dcloud1.png";
        el.src = adImg || (altImg && Math.random() >= 0.5 ? altImg : img);
      })()
      </script>
    </a>
    </div>
    <div>
    <a href="https://authing.cn/welcome?from=vuejs" target="_blank" rel="sponsored noopener" class="logo">
      <img id="s-authing" alt="authing">
      <script>
      (function(){
        var el = document.getElementById("s-authing");
        var adImg = null;
        var altImg = null;
        var img = "/vue2/images/authing.svg";
        el.src = adImg || (altImg && Math.random() >= 0.5 ? altImg : img);
      })()
      </script>
    </a>
    </div>
    <div>
    <a href="https://qingfuwu.cn?utm_campaign=TR_eSJH7nqW&utm_content=&utm_medium=Web&utm_source=CH_53OxwryD&utm_term=" target="_blank" rel="sponsored noopener" class="logo">
      <img id="s-qingfuwu" alt="qingfuwu">
      <script>
      (function(){
        var el = document.getElementById("s-qingfuwu");
        var adImg = null;
        var altImg = null;
        var img = "/vue2/images/qingfuwu.svg";
        el.src = adImg || (altImg && Math.random() >= 0.5 ? altImg : img);
      })()
      </script>
    </a>
    </div>
    <!-- end: special logic for cn -->
  </div>
</div>
<!--
-->

      
        <h2>
          
          
          
            <select class="version-select">
              <option value="v3">3.x</option>
              <option value="SELF" selected>2.x</option>
              <option value="v1">1.0</option>
              <option value="012">0.12</option>
              <option value="011">0.11</option>
            </select>
          
        </h2>
        <ul class="menu-root">
  
    
    
    <li>
      <a href="/vue2/resources/partners.html" class="sidebar-link current">Vue Partners</a>
    </li>
  
</ul>

      
    </div>
  </div>
</div>
<!--

-->


<div class="content partners with-sidebar ">
  <p class="tip warning v3-warning">
    您在浏览的是 v2.x 及更早版本的文档。v3.x 的文档<a href="https://wangyubina.github.io/vue3/">在这里</a>。
  </p>

  
    
      

    
  
  
    <h1>Vue Partners</h1>
  

  <!-- start: special logic for cn -->
  <!-- start: special logic for cn -->
<!-- <div class="ad-pagetop">
  <a href="http://www.vueshop.com.cn/index.php?http_referer=vuejs" target="_blank" rel="noopener noreferrer">
    <span class="name">VUEshop</span>
    <span class="description">中国免费商城系统 - 搜豹商城系统 - 免费50小时 Vue 视频教程</span>
    <span class="action">立即查看 &gt;</span>
  </a>
</div> -->
<!-- end: special logic for cn -->

  <!-- end: special logic for cn -->

  
    <div id="partners">
  <p>
    Vue Partners are premium shops that provide first-class Vue consulting and development.
    If your company is interested in being listed as a partner, please register your interest
    <a target="_blank" href="https://airtable.com/shrCQhat57SApJI2l">here</a>.
  </p>

  <h2 id="active-partners">Active Partners</h2>

  
    <div class="partner">
      <div class="logo">
        <a href="https://www.vehikl.com?utm_source=vue_partners_page" target="_blank" rel="sponsored noopener">
          <img alt="Vehikl" src="/vue2/images/vehikl.png">
        </a>
      </div>
      <div class="profile">
        <!-- <h3> Vehikl </h3> -->
        <p class="description">Vehikl is a software consultancy specialising in PHP and JavaScript. We build best-in-class web applications written with popular frameworks such as Laravel, Express, NestJS, Vue, and React. Think of us as an extension of your team.</p>
        <dl>
          <dt>
              <i class="fa fa-link"></i>
              <span class="sr-only">Link</span>
            </dt>
            <dd>
              <a href="https://www.vehikl.com?utm_source=vue_partners_page" target="_blank" rel="sponsored noopener">
                www.vehikl.com
              </a>
            </dd>

          <dt>
            <i class="fa fa-map-marker"></i>
            <span class="sr-only">Location</span>
          </dt>
          <dd>
            Ontario, Canada
          </dd>

          <dt>
            <i class="fa fa-globe"></i>
            <span class="sr-only">Languages</span>
          </dt>
          <dd class="language-list">
            <ul>
              
                <li>
                  English
                </li>
              
            </ul>
          </dd>

          <dt>Proficiencies</dt>
          <dd>
            <ul>
              
                <li>
                  <a href="https://vuejs.org" target="_blank" rel="sponsored noopener">
                    VueJs
                  </a>
                </li>
              
                <li>
                  <a href="https://laravel.com" target="_blank" rel="sponsored noopener">
                    Laravel
                  </a>
                </li>
              
                <li>
                  <a href="https://nodejs.org" target="_blank" rel="sponsored noopener">
                    Node
                  </a>
                </li>
              
                <li>
                  <a href target="_blank" rel="sponsored noopener">
                    Team Augmentation
                  </a>
                </li>
              
            </ul>
          </dd>

          <dd class="social">
            
              <a href="mailto:go+partner@vehikl.com?subject=Hire Vehikl">
                <i class="fa fa-envelope"></i>
                <span class="sr-only">Email</span>
              </a>
            
            
              <a class="github" href="https://github.com/vehikl" target="_blank" rel="noopener">
                <i class="fa fa-github"></i>
                <span class="sr-only">Github</span>
              </a>
            
              <a class="twitter" href="https://twitter.com/vehikl" target="_blank" rel="noopener">
                <i class="fa fa-twitter"></i>
                <span class="sr-only">Twitter</span>
              </a>
            
              <a class="instagram" href="https://www.instagram.com/vehiklteam/" target="_blank" rel="noopener">
                <i class="fa fa-instagram"></i>
                <span class="sr-only">Instagram</span>
              </a>
            
          </dd>
        </dl>
      </div>
    </div>
  
    <div class="partner">
      <div class="logo">
        <a href="https://moduscreate.com/?utm_source=Vue&utm_medium=Partner-Page&utm_campaign=Vue_partnerpage" target="_blank" rel="sponsored noopener">
          <img alt="Modus Create" src="https://res.cloudinary.com/modus-labs/image/upload/v1533109874/modus/logo-vertical-black.svg">
        </a>
      </div>
      <div class="profile">
        <!-- <h3> Modus Create </h3> -->
        <p class="description">Modus Create is a disruptive consulting firm that helps companies transform for success in the digital future.
Clients work with Modus to effect transformational change through a unique collaborative engagement model that focuses on strategy, product design/build, user experience, company culture, and process change to accelerate their response to digital disruption.
Modus is uniquely expert at executing within the new reality of global talent sourcing and globally distributed teams. Modus culture is based on recruiting only top talent regardless of their location. Modus delivers time zone-aligned, highly productive, English-speaking teams, accessibility, and a totally collaborative environment regardless of individual location. </p>
        <dl>
          <dt>
              <i class="fa fa-link"></i>
              <span class="sr-only">Link</span>
            </dt>
            <dd>
              <a href="https://moduscreate.com/?utm_source=Vue&utm_medium=Partner-Page&utm_campaign=Vue_partnerpage" target="_blank" rel="sponsored noopener">
                moduscreate.com
              </a>
            </dd>

          <dt>
            <i class="fa fa-map-marker"></i>
            <span class="sr-only">Location</span>
          </dt>
          <dd>
            Reston, VA, USA / Los Angeles, CA, USA / Cluj, Romania / San José, Costa Rica
          </dd>

          <dt>
            <i class="fa fa-globe"></i>
            <span class="sr-only">Languages</span>
          </dt>
          <dd class="language-list">
            <ul>
              
                <li>
                  English
                </li>
              
                <li>
                  Global
                </li>
              
            </ul>
          </dd>

          <dt>Proficiencies</dt>
          <dd>
            <ul>
              
                <li>
                  <a href="https://moduscreate.com/partners/vue/?utm_source=Vue&utm_medium=Partner-Page&utm_campaign=Vue_partnerpage" target="_blank" rel="sponsored noopener">
                    Vue.js
                  </a>
                </li>
              
                <li>
                  <a href="https://moduscreate.com/partners/aws/?utm_source=Vue&utm_medium=Partner-Page&utm_campaign=Vue_partnerpage" target="_blank" rel="sponsored noopener">
                    AWS
                  </a>
                </li>
              
                <li>
                  <a href="https://moduscreate.com/partners/atlassian/?utm_source=Vue&utm_medium=Partner-Page&utm_campaign=Vue_partnerpage" target="_blank" rel="sponsored noopener">
                    Atlassian
                  </a>
                </li>
              
                <li>
                  <a href="https://moduscreate.com/partners/ionic/?utm_source=Vue&utm_medium=Partner-Page&utm_campaign=Vue_partnerpage" target="_blank" rel="sponsored noopener">
                    Ionic
                  </a>
                </li>
              
                <li>
                  <a href="https://moduscreate.com/what-we-do/product-management/?utm_source=Vue&utm_medium=Partner-Page&utm_campaign=Vue_partnerpage" target="_blank" rel="sponsored noopener">
                    Product Management
                  </a>
                </li>
              
                <li>
                  <a href="https://moduscreate.com/what-we-do/customer-experience/?utm_source=Vue&utm_medium=Partner-Page&utm_campaign=Vue_partnerpage" target="_blank" rel="sponsored noopener">
                    Customer Experience
                  </a>
                </li>
              
                <li>
                  <a href="https://moduscreate.com/what-we-do/agile-transformation/?utm_source=Vue&utm_medium=Partner-Page&utm_campaign=Vue_partnerpage" target="_blank" rel="sponsored noopener">
                    Agile Transformation
                  </a>
                </li>
              
                <li>
                  <a href="https://moduscreate.com/what-we-do/cloud-migration/?utm_source=Vue&utm_medium=Partner-Page&utm_campaign=Vue_partnerpage" target="_blank" rel="sponsored noopener">
                    Cloud Migration
                  </a>
                </li>
              
            </ul>
          </dd>

          <dd class="social">
            
              <a href="mailto:contact@moduscreate.com?subject=Hire Modus Create">
                <i class="fa fa-envelope"></i>
                <span class="sr-only">Email</span>
              </a>
            
            
              <a class="github" href="https://github.com/ModusCreateOrg" target="_blank" rel="noopener">
                <i class="fa fa-github"></i>
                <span class="sr-only">Github</span>
              </a>
            
              <a class="twitter" href="https://twitter.com/ModusCreate" target="_blank" rel="noopener">
                <i class="fa fa-twitter"></i>
                <span class="sr-only">Twitter</span>
              </a>
            
              <a class="linkedin" href="https://www.linkedin.com/company/modus-create-inc" target="_blank" rel="noopener">
                <i class="fa fa-linkedin"></i>
                <span class="sr-only">LinkedIn</span>
              </a>
            
              <a class="youtube" href="https://www.youtube.com/moduscreate" target="_blank" rel="noopener">
                <i class="fa fa-youtube"></i>
                <span class="sr-only">YouTube</span>
              </a>
            
          </dd>
        </dl>
      </div>
    </div>
  
    <div class="partner">
      <div class="logo">
        <a href="https://www.monterail.com/services/vue-development?utm_campaign=Vue.js&utm_source=partner-list" target="_blank" rel="sponsored noopener">
          <img alt="Monterail" src="/vue2/images/Monterail.png">
        </a>
      </div>
      <div class="profile">
        <!-- <h3> Monterail </h3> -->
        <p class="description">Monterail is a full-service software development company with 110+ experts on board delivering meaningful software for start-ups, SMBs and enterprises. We are organizers of the first official Vue-related conference in the world and authors of the State of Vue.js report (2017&amp;2019). Our experts delivered 30 Vue.js-based projects so far.</p>
        <dl>
          <dt>
              <i class="fa fa-link"></i>
              <span class="sr-only">Link</span>
            </dt>
            <dd>
              <a href="https://www.monterail.com/services/vue-development?utm_campaign=Vue.js&utm_source=partner-list" target="_blank" rel="sponsored noopener">
                www.monterail.com
              </a>
            </dd>

          <dt>
            <i class="fa fa-map-marker"></i>
            <span class="sr-only">Location</span>
          </dt>
          <dd>
            Wrocław, Poland
          </dd>

          <dt>
            <i class="fa fa-globe"></i>
            <span class="sr-only">Languages</span>
          </dt>
          <dd class="language-list">
            <ul>
              
                <li>
                  English
                </li>
              
                <li>
                  Polish
                </li>
              
            </ul>
          </dd>

          <dt>Proficiencies</dt>
          <dd>
            <ul>
              
                <li>
                  <a href="https://hi.monterail.co/2NqPUa6" target="_blank" rel="sponsored noopener">
                    VueJs
                  </a>
                </li>
              
                <li>
                  <a href="https://hi.monterail.co/31RvfBm" target="_blank" rel="sponsored noopener">
                    Ruby on Rails
                  </a>
                </li>
              
                <li>
                  <a href="https://hi.monterail.co/34cWQhR" target="_blank" rel="sponsored noopener">
                    Javascript
                  </a>
                </li>
              
                <li>
                  <a href="https://hi.monterail.co/2MXHLeb" target="_blank" rel="sponsored noopener">
                    Python
                  </a>
                </li>
              
                <li>
                  <a href="https://www.monterail.com/services?utm_medium=referral&utm_source=partner-list&utm_campaign=vue.js" target="_blank" rel="sponsored noopener">
                    Services
                  </a>
                </li>
              
                <li>
                  <a href="https://www.monterail.com/projects?utm_medium=referral&utm_source=partner-list&utm_campaign=vue.js" target="_blank" rel="sponsored noopener">
                    Projects
                  </a>
                </li>
              
            </ul>
          </dd>

          <dd class="social">
            
              <a href="mailto:hello@monterail.com?subject=Hire Monterail">
                <i class="fa fa-envelope"></i>
                <span class="sr-only">Email</span>
              </a>
            
            
              <a class="github" href="https://github.com/monterail" target="_blank" rel="noopener">
                <i class="fa fa-github"></i>
                <span class="sr-only">Github</span>
              </a>
            
              <a class="linkedin" href="https://www.linkedin.com/company/monterail" target="_blank" rel="noopener">
                <i class="fa fa-linkedin"></i>
                <span class="sr-only">Linkedin</span>
              </a>
            
              <a class="facebook" href="https://www.facebook.com/monterail/" target="_blank" rel="noopener">
                <i class="fa fa-facebook"></i>
                <span class="sr-only">Facebook</span>
              </a>
            
              <a class="twitter" href="https://twitter.com/monterail" target="_blank" rel="noopener">
                <i class="fa fa-twitter"></i>
                <span class="sr-only">Twitter</span>
              </a>
            
              <a class="instagram" href="https://www.instagram.com/monterail/" target="_blank" rel="noopener">
                <i class="fa fa-instagram"></i>
                <span class="sr-only">Instagram</span>
              </a>
            
          </dd>
        </dl>
      </div>
    </div>
  
    <div class="partner">
      <div class="logo">
        <a href="https://rangle.io/?utm_source=referral&utm_medium=partner&utm_campaign=vue-partners" target="_blank" rel="sponsored noopener">
          <img alt="Rangle" src="https://res.cloudinary.com/rangle/image/upload/q_auto,f_auto/vuejs.org/rangle_black_lockup_n6q48z.png">
        </a>
      </div>
      <div class="profile">
        <!-- <h3> Rangle </h3> -->
        <p class="description">Rangle is a global digital consultancy that helps ambitious organizations outperform the competition in the most demanding markets. We work closely with our clients as one team to imagine, design, and deliver human-centered digital experiences that create lasting results and real business value. Anchored in innovation and lean startup best-practices, our unique delivery and partnership model is purposed-built to this task.</p>
        <dl>
          <dt>
              <i class="fa fa-link"></i>
              <span class="sr-only">Link</span>
            </dt>
            <dd>
              <a href="https://rangle.io/?utm_source=referral&utm_medium=partner&utm_campaign=vue-partners" target="_blank" rel="sponsored noopener">
                rangle.io
              </a>
            </dd>

          <dt>
            <i class="fa fa-map-marker"></i>
            <span class="sr-only">Location</span>
          </dt>
          <dd>
            Toronto, ON, CA　Atlanta, GA, USA　Amsterdam, Netherlands　Tokyo, Japan
          </dd>

          <dt>
            <i class="fa fa-globe"></i>
            <span class="sr-only">Languages</span>
          </dt>
          <dd class="language-list">
            <ul>
              
                <li>
                  English
                </li>
              
                <li>
                  French
                </li>
              
                <li>
                  Dutch
                </li>
              
            </ul>
          </dd>

          <dt>Proficiencies</dt>
          <dd>
            <ul>
              
                <li>
                  <a href="https://rangle.io/#build-a-product/?utm_source=referral&utm_medium=partner&utm_campaign=vue-partners" target="_blank" rel="sponsored noopener">
                    Building Products
                  </a>
                </li>
              
                <li>
                  <a href="https://rangle.io/#improve-an-experience/?utm_source=referral&utm_medium=partner&utm_campaign=vue-partners" target="_blank" rel="sponsored noopener">
                    Improving Experiences
                  </a>
                </li>
              
                <li>
                  <a href="https://rangle.io/#level-up-your-team/?utm_source=referral&utm_medium=partner&utm_campaign=vue-partners" target="_blank" rel="sponsored noopener">
                    Training &amp; Coaching
                  </a>
                </li>
              
                <li>
                  <a href="https://rangle.io/#adopt-agile-delivery/?utm_source=referral&utm_medium=partner&utm_campaign=vue-partners" target="_blank" rel="sponsored noopener">
                    Agile Transformation
                  </a>
                </li>
              
                <li>
                  <a href="https://rangle.io/#transform-your-business/?utm_source=referral&utm_medium=partner&utm_campaign=vue-partners" target="_blank" rel="sponsored noopener">
                    Business Transformation
                  </a>
                </li>
              
            </ul>
          </dd>

          <dd class="social">
            
              <a href="mailto:info@rangle.io?subject=Hire Rangle">
                <i class="fa fa-envelope"></i>
                <span class="sr-only">Email</span>
              </a>
            
            
              <a class="github" href="https://github.com/rangle" target="_blank" rel="noopener">
                <i class="fa fa-github"></i>
                <span class="sr-only">GitHub</span>
              </a>
            
              <a class="linkedin" href="https://www.linkedin.com/company/rangle/" target="_blank" rel="noopener">
                <i class="fa fa-linkedin"></i>
                <span class="sr-only">LinkedIn</span>
              </a>
            
              <a class="twitter" href="https://twitter.com/rangleio" target="_blank" rel="noopener">
                <i class="fa fa-twitter"></i>
                <span class="sr-only">Twitter</span>
              </a>
            
              <a class="instagram" href="https://www.instagram.com/rangleio/?hl=en" target="_blank" rel="noopener">
                <i class="fa fa-instagram"></i>
                <span class="sr-only">Instagram</span>
              </a>
            
          </dd>
        </dl>
      </div>
    </div>
  
</div>

  
  
  <div class="footer">
      <script src="//m.servedby-buysellads.com/monetization.js" type="text/javascript"></script>
<div id="bsa-native"></div>
<script>
_bsa.init('custom', 'CKYD62QM', 'placement:vuejsorg',
  {
    target: '#bsa-native',
    template: '<a class="native-box" href="##statlink##"><div class="native-sponsor">Sponsor</div><div class="native-text"><strong>##company##</strong> — ##description##</div></a>'
  }
);
</script>


    发现错误？想参与编辑？
    <a href="https://github.com/vuejs/cn.vuejs.org/blob/master/src/resources/partners.md" rel="noopener" target="_blank">
      在 GitHub 上编辑此页！
    </a>
    <!-- Deployed on
    <a href="https://url.netlify.com/HJ8X2mxP8" rel="noopener" target="_blank">
      Netlify
    </a>. -->
  </div>
</div>

      </div>
      <script src="/vue2/js/smooth-scroll.min.js"></script>
    

    <!-- main custom script for sidebars, version selects etc. -->
    <script src="/vue2/js/css.escape.js"></script>
    <script src="/vue2/js/common.js"></script>

    <!-- search -->
    <link href="//code.bdstatic.com/npm/docsearch.js@1.5.0/dist/cdn/docsearch.min.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="/vue2/css/search.css">
    <script src="//code.bdstatic.com/npm/docsearch.js@1.5.0/dist/cdn/docsearch.min.js"></script>
    <script>
    [
      '#search-query-nav',
      '#search-query-sidebar',
      '#search-query-menu'
    ].forEach(function (selector) {
      if (!document.querySelector(selector)) return
      // search index defaults to v2
      var match = window.location.pathname.match(/^\/(v\d+)/)
      var version = match ? match[1] : 'v2'
      docsearch({
      appId: 'BH4D9OD16A',
      apiKey: '5638280abff9d207417bb03be05f0b25',
      indexName: 'vuejs_cn2',
      inputSelector: selector,
      algoliaOptions: { facetFilters: ["version:" + version] },
      autocompleteOptions: { hint: false, appendTo: 'body'}
      })
    })
    </script>
  </body>
</html>
